<style type="text/css" id="intro-style">
  #intro{
    display: block;
    width: 950px;
    height: 1050px;
    background-color: #ffffaa;
    border-radius: 20px;
    border: 1px solid #abc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    position: fixed;
    top: 2%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    color: rgba(0,0,0,0.6);
    font-size: 40px;
    line-height: 50px;
    user-select: none;
    overflow: auto;
  }
  #intro p{
    display: block;
  }
  .sure-button{
    display: inline-block;
    height: 60px;
    width: 150px;
    margin-top: 30px;
    border-radius: 20px;
    background-color: #eeeeee;
  }
  #close-button{
    position: absolute;
    line-height: 80px;
    right: 20px;
    top: -10px;
    display: inline-block;
    height: 80px;
    width: 80px;
    margin-top: 30px;
    border-radius: 40px;
    background-color: #ff6666;
  }
</style>
<div id="intro">
  <div id="close-button" class="sure-button hover-shadow">X</div>
  <p>
    欢迎来到Memlib！
    <br /><br />
    这里是一个背单词外挂网站,<br />能帮助你高效背单词<br />并保持单词不遗忘
    <br /><br />
    在个人主页的最上方，是你的记忆池，<br />绿色代表已经掌握的单词，<br />红色代表很可能已经遗忘的单词
    <br /><br />
    你的目标是每天坚持[智能复习]<br />从而使你的单词保持不被遗忘，<br />即，保持绿色
    <br /><br />
    当然，你需要自己为记忆池添加单词，<br />你可以添加自己的生词，<br />也可以通过公用单词表选择并添加单词。<br />新添加的单词将进入{新添加}状态，<br />不建议超过20个单词同时处于“新添加”状态
    <br /><br />
    我们将通过一定的数学模型，计算出你每个单词的记忆保留指数，<br />当这一值低于0.32时，很可能你已经遗忘了这个单词，<br />此时对应的单词处于{未掌握}状态
    <br /><br />
    [智能复习]<br />每次点击智能复习后，<br />系统将从你的单词库中筛选出处于{新添加}和{未掌握}状态的单词，组成一个不超过20词的临时单词清单，<br />此时你进入测试页面，你将通过反复测试记住这些单词，并最终通过测试，<br />通过测试后这些单词的状态将被设为{已掌握}，将再次随着时间流逝慢慢遗忘
    <br /><br /><br />
    不要害怕测试答错!!<br />答错后我们将依次提示一个字母，直到整个单词被提示完。<br />Ps:实在想不起来就先答错看提示，说不定提示某个字母以后就想起来了<br />你的答错次数将作为这个单词的难易程度被记录下来，<br />相应的，越难的单词会遗忘的更快，<br />因此，你的答错次数是我们判断你是否遗忘的关键
    <br /><br /><br />
    不要半途而废！！<br />在测试过程中，你将按临时单词清单的顺序被反复测验，直到你记住这些单词(每个单词错误次数小于2)，这样复习才会被视为有效，<br />测试过程中途退出会导致此次复习作废
    <br /><br /><br />
    现在，是时候表演你真正的技术了。<br /> 记得要坚持下去！
    <br /><br />
  </p>
  <div id="got-it" class="sure-button hover-shadow">彳亍</div>
</div>